<template>
<!--  订单详情-->
  <div>
      <ul class="border1">
        <li class="li flexWap borderB1">
          <p>订单编码</p>
          <p  class="flex1">3</p>
          <p>订单状态</p>
          <p  class="flex1">2</p>
        </li>
        <li class="li flexWap borderB1">
          <p>商品名称</p>
          <p class="flex1">3</p>
          <p>商品金额</p>
          <p class="flex1">3</p>
        </li>
        <li class="li flexWap borderB1">
          <p>订单时间</p>
          <p class="flex1">3</p>
          <p>交易方</p>
          <p class="flex1">3</p>
          <p>交易积分</p>
          <p class="flex1">3</p>
        </li>
        <li class="li flexWap borderB1">
          <p>兑换数量</p>
          <p class="flex1">3</p>
          <p>兑换积分</p>
          <p class="flex1">3</p>
        </li>
        <li class="li flexWap borderB1">
          <p>会员名称</p>
          <p class="flex1">3</p>
          <p>评价时间</p>
          <p class="flex1">3</p>
        </li>
        <li class="li flexWap borderB1">
          <p>评价内容</p>
          <p class="flex1">3</p>
        </li>
      
      </ul>
       <div class="marginB10"></div>
   
          <el-button type="primary" :loading="isLoading" :submitDisbled="submitDisbled" @click="submitForm('ruleForm')">隐藏评论</el-button>
          <el-button @click="goback">返回</el-button>
    
  </div>
</template>
<script>
//  import {} from '@/assets/api/api'
import {AddEditmixin} from '@/assets/mixins/addEditmixin'

  export default {
    name:'OrderDetail',
    mixins: [AddEditmixin],
    components:{
    },
    data(){
      return{
  
        goBackPath:'/order/orderList',//返回的路径
          isLoading:false,
        page:this.$route.query.page?this.$route.query.page:1,
        submitDisbled:false,
          infoName:'',//编辑取得名字查重要
        msg1:'新增账号',
          roleName:'',//角色名称
        ruleForm:{
          content:"1",
          name: "",
          phone: "",
  
          expireDate:new Date().getTime(),
          roleId:'',
        
        },
        msg:'222222222221111111111111111111111111111111111111111111111111',
        disabled:false,
        rules: {
          name: [
            { required: true, message: '请输入品牌名称', trigger: 'blur' },
            { min: 3, max: 20, message: '长度在 3 到 20 个字符', trigger: 'blur' },
          ],
          phone: [
            { required: true, message: '请输入手机号', trigger: 'blur' },
            { min: 11, max: 11, message: '请输入正确手机号', trigger: 'blur' },
          ],
          roleId: [
            { required: true, message: '请选择会员等级', trigger: 'change' },
          ]
        },
      }
    },
    created() {
     
        
      },
    methods:{
    
      callbackUrl(url){//图片的上传地址
           console.log(url,'callbackUrl')
      },
     
      submitForm(formName) {
        let that = this;
        that.isLoading = true;
      
        this.$refs[formName].validate((valid) => {
          if (valid) {
        
            that.isLoading = false;
          } else {
            that.isLoading = false;
            return false;
          }
        });
      },
    }
  }
</script>
<style lang="scss" scoped>
   .li{

      border-bottom:1px solid #ccc ;
        p{
          border-right:1px solid #ccc ;
          padding:10px;
          box-sizing: border-box;
        }
        p:nth-child(2n+1){
           text-align: center;
           width: 120px;
        }
        p:last-child{
          border-right: 0;
        }
   }
   .li:last-child{
     border-bottom: 0;
   }
</style>
